<div class="fly-header layui-bg-black">
    <div class="layui-container">
        <a class="fly-logo" href="/">
            <img src="/res/images/logo.png" width="168" height="47" alt="layui" style="margin-top: -4px;">
        </a>
        <ul class="layui-nav fly-nav layui-hide-xs">
            <li class="layui-nav-item layui-this">
                <a href="/"><i class="iconfont icon-jiaoliu"></i>交流</a>
            </li>
            <#--<li class="layui-nav-item">
                <a href="case/case.html"><i class="iconfont icon-iconmingxinganli"></i>案例</a>
            </li>-->
            <#--<li class="layui-nav-item">
                <a href="http://www.layui.com/" target="_blank"><i class="iconfont icon-ui"></i>框架</a>
            </li>-->
        </ul>

        <ul class="layui-nav fly-nav-user">

            <@shiro.guest>
                <!-- 未登入的状态 -->
                <li class="layui-nav-item">
                    <a class="iconfont icon-touxiang layui-hide-xs" href="/login"></a>
                </li>
                <li class="layui-nav-item">
                    <a href="/login">登入</a>
                </li>
                <li class="layui-nav-item">
                    <a href="/register">注册</a>
                </li>
                <li class="layui-nav-item layui-hide-xs">
                    <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                       title="QQ登入" class="iconfont icon-qq"></a>
                </li>
                <li class="layui-nav-item layui-hide-xs">
                    <a href="/app/weibo" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                       title="微博登入" class="iconfont icon-weibo"></a>
                </li>
                <#--<li class="layui-nav-item layui-hide-xs">
                    <a href="javascript:void(0);" onclick="toSocialLogin('QQ', 'qq')"
                       title="QQ登入" class="iconfont icon-qq"></a>
                </li>
                <li class="layui-nav-item layui-hide-xs">
                    <a href="javascript:void(0);" onclick="toSocialLogin('微博', 'weibo')"
                       title="微博登入" class="iconfont icon-weibo"></a>
                </li>-->
                <script>
                  function toSocialLogin(name, uriType) {
                    layer.msg('正在通过' + name + '登入', {btn: '关闭', icon: 16, shade: 0.1, time: 0});
                    window.open("/app/" + uriType);
                  }
                </script>
            </@shiro.guest>

            <@shiro.user>
                <!-- 登入后的状态 -->
                <li class="layui-nav-item">
                    <a class="fly-nav-avatar" href="javascript:void(0);">
                        <cite class="layui-hide-xs"><@shiro.principal property="username" /></cite>
                        <@shiro.hasRole name="admin" >
                            <i class="iconfont icon-renzheng layui-hide-xs" title="认证信息：管理员"></i>
                            <i class="layui-badge fly-badge-vip layui-hide-xs">VIP9</i>
                        </@shiro.hasRole>

                        <#if Session["userInfo"].authName?? && Session["userInfo"].id != 1 && Session["userInfo"].id != 2>
                            <i class="layui-badge fly-badge-vip layui-hide-xs" style="height: 20px;line-height: 20px;background-color: #ff7f57;">${Session["userInfo"].authName}</i>
                        </#if>
                        <img src="<@shiro.principal property="avatar" />" alt="<@shiro.principal property="username" />">
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/user/set"><i class="layui-icon">&#xe620;</i>基本设置</a></dd>
                        <dd><a href="/user/message"><i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的消息</a>
                        </dd>
                        <dd><a href="/user/home"><i class="layui-icon" style="margin-left: 2px; font-size: 22px;">&#xe68e;</i>我的主页</a>
                        </dd>
                        <hr style="margin: 5px 0;">
                        <dd><a href="/logout" style="text-align: center;">退出</a></dd>
                    </dl>
                </li>
            </@shiro.user>
        </ul>
    </div>
</div>
